<div class="date-range-picker">
  <div class="seed-calendar-title seed-flexbox seed-flexbox-content-between">
    <p>自定义日期范围</p>
    <span (click)="handleClear()">清空日期</span>
  </div>
    <div class="date-range-picker__header">
       <ul class="date-range-picker__tab">
          <li class="active" (click)="handleTab(0,$event)">日历</li>
          <li (click)="handleTab(1,$event)">周历</li>
          <li (click)="handleTab(2,$event)">月历</li>
          <li (click)="handleTab(3,$event)">季度</li>
       </ul>
    </div>
    <div class="date-range-picker__body">
      <div class="date-range-picker__toolbar">
        <div class="date-range-picker__control">
          <div class="date-range-picker__year">
            <button type="button" (click)="handleChangeYear(0,$event)"><</button>
            <div><span></span>年</div>
            <button type="button" (click)="handleChangeYear(1,$event)">></button>
          </div>
        </div>
        <div class="date-range-picker__control">
          <div class="date-range-picker__month">
            <button type="button" [disabled]="month.innerHTML === '1'" (click)="handleChangeMonth(0,$event)"><</button>
            <div><span #month></span>月</div>
            <button type="button" [disabled]="month.innerHTML === '12'" (click)="handleChangeMonth(1,$event)">></button>
          </div>
        </div>
      </div>
      <ul class="date-range-picker__week-header">
        <li>一</li>
        <li>二</li>
        <li>三</li>
        <li>四</li>
        <li>五</li>
        <li class="weekend">六</li>
        <li class="weekend">日</li>
      </ul>
      <div class="date-range-picker__calendar"></div>
    </div>
    <div class="date-range-picker__footer">
      <button class="date-range-picker__cancel" (click)="handleCancel()" type="button">取消</button>
      <!-- <button class="date-range-picker__clear" (click)="handleClear()" type="button">清空</button> -->
      <button class="date-range-picker__confirm" (click)="handleConfirm()" type="button" disabled>确定</button>
    </div>
    <div class="date-range-picker__value">

    </div>
  </div>
